
// 宽高
@mixin wh($width: auto, $height: auto) {
  width: $width;
  height: $height;
}

// flex布局 默认居中
@mixin flexLayout($center1: flex-start, $center2: center) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: $center1; // flex-start | flex-end | center | space-between | space-around
  align-items: $center2; // flex-start | flex-end | center | baseline | stretch
}

// 文本超出隐藏 ...隐藏文本
@mixin sinleline-ellipsis($width: 100%) {
  width: $width;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// 文本最多(n)行，超出部分用...表示
@mixin line($num) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $num;
}

// // 保持内容不换行，并左右滑动
@mixin nowrap-scroll($width: 375px) {
  display: block;
  width: $width;
  overflow: auto;
  white-space: nowrap;
}

// button样式 默认居中
@mixin buttonSty($width: 120px, $height: 40px, $color: #fff, $bg:#FEAF38,$fs:14px, $borColor:#fff) {
  width: $width;
  height: $height;
  font-size: $fs;
  line-height: $height;
  color: $color;
  text-align: center;
  background-color: $bg;
  border: 1px solid $borColor;
  border-radius: $width/2;
}